<!DOCTYPE html>
<html>

<head>
    <title>Phalcon PHP Framework</title>
    <?php echo $this->tag->stylesheetLink('css/bootstrap/bootstrap.min.css'); ?>
    <?php echo $this->tag->stylesheetLink('css/font-awesome/css/font-awesome.min.css'); ?>
    <?php echo $this->tag->stylesheetLink('css/style.css'); ?>
    <?php echo $this->tag->stylesheetLink('css/carousel.css'); ?>
    <?php echo $this->tag->stylesheetLink('css/sitebar.css'); ?>
    <?php echo $this->tag->stylesheetLink('https://vjs.zencdn.net/4.6/video-js.css'); ?>
    <?php echo $this->tag->stylesheetLink('css/chat.css'); ?>
    <?php echo $this->tag->stylesheetLink('js/lib/scrollbar/jquery.mCustomScrollbar.css'); ?>
    <?php echo $this->tag->stylesheetLink('js/lib/progressbar/progressbar.css'); ?>
    <?php echo $this->tag->stylesheetLink('js/lib/emoji/css/minEmoji.css'); ?>
</head>

<body>
    <div class="header-bottom">
        <div class="container">
            <div class="social">
                <ul>
                    <li class="facebook">
                        <a href="#">
                            <span></span>
                        </a>
                    </li>
                    <li class="twitter">
                        <a href="#">
                            <span></span>
                        </a>
                    </li>
                    <li class="pinterest">
                        <a href="#">
                            <span></span>
                        </a>
                    </li>
                    <li class="google">
                        <a href="#">
                            <span></span>
                        </a>
                    </li>
                    <li class="tumblr">
                        <a href="#">
                            <span></span>
                        </a>
                    </li>
                    <li class="instagram">
                        <a href="#">
                            <span></span>
                        </a>
                    </li>
                    <li class="rss">
                        <a href="#">
                            <span></span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
    </div>
<div class="header">
    <nav class="navbar navbar-default navbar-custom" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <a class="navbar-brand" href="<?php echo $this->url->get(); ?>">
                </a>
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a class="text-uppercase" href="<?php echo $this->url->get(); ?>">HOME</a></li>
                    <li><a class="text-uppercase" href="<?php echo $this->url->get(); ?>">INTRODUCE</a></li>
                    <li><a class="text-uppercase" href="<?php echo $this->url->get(); ?>">VIDEOS</a></li>
                    <li class="dropdown">
                        <a class="btn-link" class="dropdown-toggle" data-toggle="dropdown">TEST<span class="caret"></span></a>
                        <ul class="dropdown-menu" role="menu">
                            <li class="divider"></li>
                            <li><a href="<?php echo $this->url->get(); ?>">One more separated link</a></li>
                        </ul>
                    </li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <?php if (0) { ?>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Sương<span class="caret"></span></a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="#">Change password</a></li>
                            <li><a href="#">Change profile's information</a></li>
                            <li class="divider"></li>
                            <li><a href="#">Logout</a></li>
                        </ul>
                    </li>
                    <?php } else { ?>
                    <li><a href="<?php echo $this->url->get('register'); ?>">Register</a></li>
                    <li><a href="<?php echo $this->url->get('login'); ?>">Login</a></li>
                    <?php } ?>
                </ul>

                <form class="navbar-form navbar-right" role="search">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                    <button type="submit" class="btn btn-default">
                        <li class="fa fa-search"></li>
                    </button>
                </form>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
</div>
    <div class="content">
        <div class="container">
            <div class='img-responsive' id="wowslider-container1">
                <div class="ws_images">
                    <ul>
                        <li>
                            <img class='img-responsive' src="<?php echo $this->url->get('public/img/images/pic_1.jpg'); ?>" alt="1" title="1" id="wows1_0" />
                        </li>
                        <li>
                            <a href="http://wowslider.com/vf">
                                <img class='img-responsive' src="<?php echo $this->url->get('public/img/images/pic_2.jpg'); ?>" alt="full screen slider" title="2" id="wows1_1" />
                            </a>
                        </li>
                        <li>
                            <img class='img-responsive' src="<?php echo $this->url->get('public/img/images/pic_3.jpg'); ?>" alt="3" title="3" id="wows1_2" />
                        </li>
                    </ul>
                </div>
                <div class="ws_bullets">
                    <div>
                        <a href="#" title="1">
                            <img src="<?php echo $this->url->get('public/img/tooltips/pic_1.jpg'); ?>" alt="1" />1</a>
                        <a href="#" title="2">
                            <img src="<?php echo $this->url->get('public/img/tooltips/pic_2.jpg'); ?>" alt="2" />2</a>
                        <a href="#" title="3">
                            <img src="<?php echo $this->url->get('public/img/tooltips/pic_3.jpg'); ?>" alt="3" />3</a>
                    </div>
                </div>
                <div class="ws_shadow"></div>
            </div>  
            
            
            <div class="col-md-2 hidden-sm hidden-xs sitebar">
                <div id='cssmenu'>
<ul>
   <li><a href='#'><span>Vocabulary</span></a>
      <ul>
             <li><a href='#'><span>General Business</span></a></li>
             <li><a href='#'><span>Office Issues</span></a></li>
             <li><a href='#'><span>Personnel</span></a></li>
             <li><a href='#'><span>Purchasing</span></a></li>
             <li><a href='#'><span>Financing</span></a></li>
             <li><a href='#'><span>Management Issues</span></a></li>
             <li><a href='#'><span>Restaurants</span></a></li>
             <li><a href='#'><span>Travel</span></a></li>
             <li><a href='#'><span>Entertainment</span></a></li>
             <li class='last'><a href='#'><span>Health</span></a></li>
          </ul>
   </li>
   <li class='has-sub'><a href='#'><span>Part I</span></a>
      <ul>
         <li><a href='#'><span>Elementary</span></a></li>
         <li><a href='#'><span>Intermediate</span></a></li>
         <li class='last'><a href='#'><span>Advanced</span></a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>Part II</span></a>
      <ul>
         <li><a href='#'><span>Elementary</span></a></li>
         <li><a href='#'><span>Intermediate</span></a></li>
         <li class='last'><a href='#'><span>Advanced</span></a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>Part III</span></a>
      <ul>
         <li><a href='#'><span>Elementary</span></a></li>
         <li><a href='#'><span>Intermediate</span></a></li>
         <li class='last'><a href='#'><span>Advanced</span></a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>Part IV</span></a>
      <ul>
         <li><a href='#'><span>Elementary</span></a></li>
         <li><a href='#'><span>Intermediate</span></a></li>
         <li class='last'><a href='#'><span>Advanced</span></a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>Part V</span></a>
      <ul>
         <li><a href='#'><span>Elementary</span></a></li>
         <li><a href='#'><span>Intermediate</span></a></li>
         <li class='last'><a href='#'><span>Advanced</span></a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>Part VI</span></a>
      <ul>
         <li><a href='#'><span>Elementary</span></a></li>
         <li><a href='#'><span>Intermediate</span></a></li>
         <li class='last'><a href='#'><span>Advanced</span></a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>Part VII</span></a>
      <ul>
         <li><a href='#'><span>Elementary</span></a></li>
         <li><a href='#'><span>Intermediate</span></a></li>
         <li class='last'><a href='#'><span>Advanced</span></a></li>
      </ul>
   </li>
</ul>
</div>
            </div>
            <div class="col-md-10 main">
                <?php echo $this->getContent(); ?>
            </div>
        </div>
    </div>
    <!--Start of Zopim Live Chat Script-->
<!--<script type="text/javascript">
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute('charset','utf-8');
$.src='//v2.zopim.com/?2WvjKLq43CKXOPAHTkr7pespibsl54lp';z.t=+new Date;$.
type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script');
</script>-->
<!--End of Zopim Live Chat Script-->

<div class="footer">
    <div class="container">
        <?php echo $this->tag->form(array('', 'class' => 'text-center form-subscribe')); ?>
        <h3>Subscribe to your newsletter</h3>
        <input type="email" class="form-control" placeholder="Enter your email"
               pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" required="true"/>
        <button class="btn btn-red btn-subscribe">subscribe</button>
        <?php echo $this->tag->endform(); ?>
        <hr>
        <div class="row footer-block">
            <div class="col-md-4 custom-link">
                <div><strong>Custom link title</strong></div>
                <div><a href="<?php echo $this->url->get(); ?>">Custom link</a></div>
                <div><a href="<?php echo $this->url->get(); ?>">Custom link</a></div>
                <div><a href="<?php echo $this->url->get(); ?>">Custom link</a></div>
                <div><a href="<?php echo $this->url->get(); ?>">Custom link</a></div>
            </div>
            <div class="col-md-4 custom-link">
                <div><strong>Custom link title</strong></div>
                <div><a href="<?php echo $this->url->get(); ?>">Custom link</a></div>
                <div><a href="<?php echo $this->url->get(); ?>">Custom link</a></div>
                <div><a href="<?php echo $this->url->get(); ?>">Custom link</a></div>
                <div><a href="<?php echo $this->url->get(); ?>">Custom link</a></div>
            </div>
            <div class="col-md-4">
                <div><strong>Custom link title</strong></div>
                <div>
                    <a><li class="fa fa-facebook"></li></a>
                    <a><li class="fa fa-twitter"></li></a>
                    <a><li class="fa fa-google-plus"></li></a>
                    <a><li class="fa fa-youtube"></li></a>
                </div>
                <div class="right">
                    © Power by <a>Nguyen Van Phuc</a>
                </div>
            </div>
        </div>
    </div>
</div> 
    <?php echo $this->tag->javascriptInclude('js/jquery/jquery-2.1.1.min.js'); ?> 
    <?php echo $this->tag->javascriptInclude('js/bootstrap/bootstrap.min.js'); ?> 
    <?php echo $this->tag->javascriptInclude('js/wowslider.js'); ?>
    <?php echo $this->tag->javascriptInclude('js/script.js'); ?>
    <?php echo $this->tag->javascriptInclude('js/sitebar.js'); ?>
    <?php echo $this->tag->javascriptInclude('js/chat.js'); ?>
    <?php echo $this->tag->javascriptInclude('js/config.js'); ?>
    <?php echo $this->tag->javascriptInclude('js/lib/scrollbar/jquery.mCustomScrollbar.concat.min.js'); ?>
    <?php echo $this->tag->javascriptInclude('js/lib/scrollbar/jquery.nicescroll.min.js'); ?>
    <?php echo $this->tag->javascriptInclude('js/lib/progressbar/progressbar.min.js'); ?>
    <?php echo $this->tag->javascriptInclude('js/lib/canvas-to-blob.min.js'); ?>
    <?php echo $this->tag->javascriptInclude('js/lib/emoji/js/minEmoji.js'); ?>
    <?php echo $this->tag->javascriptInclude('js/lib/load-image.min.js'); ?>
    <?php echo $this->tag->javascriptInclude('js/lib/jquery.timeago.js'); ?>
    <?php echo $this->tag->javascriptInclude('js/lib/underscore-min.js'); ?>
    <?php echo $this->tag->javascriptInclude('js/lib/chroma-hash.js'); ?>
    <?php echo $this->tag->javascriptInclude('js/lib/online.min.js'); ?>
    <?php echo $this->tag->javascriptInclude('js/lib/quickblox.js'); ?>

</body>

</html>
